<template>
    <div>
        <div class="mx-auto" style="width: 960px; height: 50px; padding-top: 280px">
            {{name}}
        </div>
        <div style="width: 960px; padding-top: 30px" class="mx-auto">
            <vue-plyr>
                <audio :src="audioSrc"></audio>
            </vue-plyr>
        </div>
    </div>
</template>

<script>
    export default {
        name: "MyAudio",
        props: {
            name: {
                type: String,
                default: '文件名'
            },
            audioSrc: {
                type: String
            }
        }
    }
</script>

<style scoped>

</style>